{% extends "base.html" %}

{% block title %}{{card_name}}{% endblock %}
{% if mine %}
{% endif %}
{% block content %}
<div id="tabmenu" class="flora">
  <ul>
    <li><a href="#card_profile"><span>Profile</span></a></li>
    <li><a href="#card_photo"><span>Photo</span></a></li>
    <li><a href="#card_video"><span>Video</span></a></li>
    <li><a href="#card_connection"><span>Connection</span></a></li>
    <li><a href="#card_belongto"><span>Belong To</span></a></li>
  </ul>
</div>
<div id="card">
  <div id="card_profile">
    <div id="title">{{card_name}}</div>
    <div id="contents">
      <div id="photo">
	&nbsp;
      </div>
      <div id="name">
	<span class="label">Realname</span>
	<span class="value">{{name}}</span>
      </div>
      <div id="location">
	<span class="label">Location</span>
	<span class="value">{{location}}</span>
      </div>
      <div id="post">
	<span class="label">Post</span>
	<span class="value">{{post}}</span>
      </div>
      <div id="email">
	<span class="label">eMail</span>
	<span class="value">{{email}}</span>
      </div>
    </div>
    <div id="menu">
      <ul>
	{% if mine %}
	<li>
	  <a href="/user/{{card_name}}/edit/">Edit</a>
	</li>
	{% else %}
	{% if has_story %}
	<li>
	  <a href="/story/{{card_name}}+{{username}}/">Story</a>
	</li>
	{% else %}
	<li>
	  <a href="/user/{{card_name}}/connect/">Connect</a>
	</li>
	{% endif %}
	{% endif %}
      </ul>
    </div>
  </div>
  <div id="card_photo">
    Not yet implemented.
  </div>
  <div id="card_video">
    Not yet implemented.
  </div>
  <div id="card_connection">
    Not yet implemented.
  </div>
  <div id="card_belongto">
    Not yet implemented.
  </div>
</div>
{% endblock %}
